<!DOCTYPE html>
<html lang="zh-CN">

{include file="public:header"}

<body ontouchstart="">

{include file="public:nav"}
{include file="public:right"}

<!--电脑端banner-->
<div class="banner-pc">
  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
      {volist name="lbp" id="vp" key="kp"}
      <li data-target="#carousel-example-generic" data-slide-to="{$kp}" {if condition="$kp eq 1"} class="active" {/if} ></li>
    {/volist}
    </ol>
    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
     {volist name="lbp" id="vp" key="kp"}
      <div {if condition="$kp eq 1"} class="item active" {else /} class="item" {/if} >
        <img class="center-block" src="{$vp.image}" alt="{$vp.name}">
      </div>
      {/volist}
    </div>
    <!-- Controls -->
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
</div>

<!--手机端banner-->
<div class="banner-mb">
  <div id="carousel-example-generic1" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
    {volist name="lbm" id="vm" key="km"}
      <li data-target="#carousel-example-generic1" data-slide-to="{$km}" {if condition="$km eq 1"} class="active" {/if} ></li>
{/volist}
    </ol>
    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
     {volist name="lbm" id="vm" key="km"}
      <div {if condition="$km eq 1"} class="item active" {else /} class="item" {/if} >
        <img src="{$vm.image}" alt="{$vm.name}">
      </div>
    {/volist}
    </div>
    <!-- Controls -->
    <a class="left carousel-control" href="#carousel-example-generic1" role="button" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic1" role="button" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
</div>

<!--group-->
<div class="group">
  <div class="mid" style="width: 1200px">
    <div class="group-top clearfix">
      <div class="group-txt float-lt">
        <h5 class="group-title">
            卓信建设集团<span class="group-word"></span>
        </h5>
        <p class="group-cont">
          {$reb.desc}
        </p>
        <a class="group-btn" href="{:url('About/index')}">more+</a>
      </div>
      <div class="group-pic float-rt" style="margin-top: 155px">
        <img src="{$reb.image}" alt="{$reb.name}"/>
      </div>
    </div>
    <div class="group-top group-posi clearfix">
      {notempty name="rett"}
      <div class="group-img float-lt visible-xs noshow">
        <img src="{$rett.image}" alt="{$rett.name}"/>
      </div>
      {/notempty}
      <div class="group-img float-lt">
        <img src="{$red.image}" alt="{$red.name}"/>
      </div>
      
<!--      <div class="group-txt float-rt">-->
<!--        <h5 class="group-title">-->
<!--          产业布局<span class="group-word">INDUSTRY LAYOUT</span>-->
<!--        </h5>-->
<!--        <p class="group-cont">-->
<!--{$red.desc}-->
<!--        </p>-->
<!--&lt;!&ndash;        <a class="group-btn" href="{:url('About/speak')}">more+</a>&ndash;&gt;-->
<!--      </div>-->
    </div>
  </div>
</div>

<!--新闻中心旗下产业-->
<div class="xinwen mid">
  <div class="title-common">
    <h5 class="title-txt">案例展示</h5>
    <p class="title-word">news center</p>
  </div>
  <div class="xinwen-box clearfix">
    <div class="xinwen-contain float-lt">
      <div>
        <!-- Nav tabs -->
        <ul class="nav nav-tabs" role="tablist">
         {volist name="res" id="v" key="k"}
          <li role="presentation" {if condition="$k eq 1"}class="active"{/if}>
            <a href="#home{$v['ty_id']}" aria-controls="#home{$v['ty_id']}" role="tab" data-toggle="tab">{$v.ty_name}</a>
          </li>
          {/volist}
        </ul>

        <!-- Tab panes -->
        <div class="tab-content">
        {volist name="res" id="vs" key="ks"} 
          <div role="tabpanel" {if condition="$ks eq 1"} class="tab-pane active" {else /} class="tab-pane" {/if}id="home{$vs.ty_id}">
            <div class="xinwen-unit">
  <div class="xinwen-cell clearfix">
    <div class="xinwen-word float-lt">
      news
    </div>
    {volist name="$vs['list']" id="vt" offset="0" length='1'}
    <a class="xinwen-txt float-lt" href="{:url('News/detail',array('id'=>$vt['id']))}">
      <h5 class="xinwen-title" title="{$vt.title}">{$vt.title}</h5>
      <p class="xinwen-cont">
       {$vt.marray}
      </p>
    </a>
    {/volist} 
  </div>
  <ul class="xinwen-list">
   {volist name="$vs['list']" id="vt" offset="1" length='4'}
    <li class="xinwen-item">
      <a href="{:url('News/detail',array('id'=>$vt['id']))}">
  <span class="xinwen-time">{$vt.time|date="Y-m-d",###}</span>
  <span class="xinwen-name" title="{$vt.title}">{$vt.title}</span>
</a>
    </li>
  {/volist}  
    
  </ul>
</div>
          </div>
       {/volist}   
          
          
        </div>

      </div>
    </div>
<!--    <div class="xinwen-qixia float-rt">-->
<!--      <div class="xinwen-icon"></div>-->
<!--      <div class="title-common">-->
<!--        <h5 class="title-txt">卓信建设集团旗下产业</h5>-->
<!--        <p class="title-word">Industry</p>-->
<!--      </div>-->
<!--      <ul class="xinwen-kind">-->
<!--      {volist name="req" id="vq"}  -->
<!--        <li class="xinwen-biao">-->
<!--          <span>{$vq.name}</span>-->
<!--          <span>{$vq.desc}</span>-->
<!--        </li>-->
<!--      {/volist} -->
<!--      </ul>-->
<!--    </div>-->
  </div>
</div>

<!--产品中心-->
<!--<div class="product">-->
<!--  <div class="mid">-->
<!--    <div class="product-top clearfix">-->
<!--      <div class="title-common white float-lt">-->
<!--        <h5 class="title-txt">卓信建设集团团队风采</h5>-->
<!--        <p class="title-word">team style</p>-->
<!--      </div>-->
<!--      <a href="{:url('Team/index')}" class="product-btn float-rt">more+</a>-->
<!--    </div>-->
<!--    <ul class="product-list clearfix">-->
<!--     {volist name="cases" id="vc"}-->
<!--      <li class="product-item">-->
<!--        <a href="{:url('Cases/detail',array('id'=>$vc['id']))}" class="product-box">-->
<!--  <div class="product-icon"></div>-->
<!--  <h6 class="product-name">{$vc.title}</h6>-->
<!--  <div class="product-word">{$vc.etitle}</div>-->
<!--  <p class="product-cont">{$vc.key}</p>-->
<!--  <div class="product-arrow"><img class="img-responsive" src="__HOME__/img/icon-arrow-right.png" alt="产品中心"/></div>-->
<!--</a>-->
<!--      </li>-->
<!--     {/volist} -->
     
      
<!--    </ul>-->
<!--  </div>-->
<!--</div>-->

<!--集团文化-->
<div class="culture mid">
  <div class="title-common">
    <h5 class="title-txt">卓信建设集团文化</h5>
    <p class="title-word">group culture</p>
  </div>
  <ul class="culture-list clearfix">
   {volist name="rej" id="vj" key="kj" mod="2"}
    <li class="culture-item">
    {neq name="mod" value="1"} 
    <div class="culture-img">
        <img src="{$vj.image}" alt="{$vj.name}" class="img-responsive" />
      </div>
     {/neq} 
      <div class="culture-box">
        <h6 class="culture-title">{$vj.name}</h6>
        <p class="culture-intro">{$vj.desc}</p>
        <span class="culture-word">
        {if condition="$kj eq 1"}a{/if}
        {if condition="$kj eq 2"}b{/if}
        {if condition="$kj eq 3"}c{/if}
        {if condition="$kj eq 4"}d{/if}
        </span>
      </div>
     {eq name="mod" value="1"} 
      <div class="culture-img">
        <img src="{$vj.image}" alt="{$vj.name}" class="img-responsive" />
      </div>
      {/eq}
    </li>
 {/volist} 
    
  </ul>
</div>

<!--在线招聘-->
<!--<div class="online">-->
<!--  <div class="mid clearfix">-->
<!--    <div class="online-box float-rt">-->
<!--      <div class="title-common">-->
<!--        <h5 class="title-txt">卓信建设集团在线招聘</h5>-->
<!--        <p class="title-word">Online recruitment</p>-->
<!--      </div>-->
<!--      <ul class="online-list">-->
<!--       {volist name="rez" id="vz" }-->
<!--        <li class="online-item">-->
<!--          <div class="online-unit clearfix">-->
<!--  <div class="online-left float-lt">-->
<!--    <h5 class="online-title">-->
<!--                {$vz.job} —（工作地点-{$vz.addr}）-->
<!--              </h5>-->
<!--    <p class="online-kind">-->
<!--      <span>招聘人数:{$vz.num}</span>-->
<!--      <span>薪资待遇:{$vz.money}</span>-->
<!--      <span>工作性质:{$vz.nature}</span>-->
<!--      <span>工作年限:{$vz.age}</span>-->
<!--      <span>学历要求:{$vz.deu}</span>-->
<!--    </p>-->
<!--  </div>-->
<!--  <a class="online-right float-rt" href="{:url('Job/index')}"></a>-->
<!--</div>-->
<!--        </li>-->
<!--        -->
<!--        {/volist}-->
<!--      </ul>-->
<!--    </div>-->
<!--  </div>-->
<!--</div>-->

<!--团队风采-->
<div class="team mid" {if empty($ret)} style="display: none" {/if}>
  <div class="title-common">
    <h5 class="title-txt">卓信建设集团团队风采</h5>
    <p class="title-word">team show</p>
  </div>
  <div class="team-box">
    <div class="bd">
      <ul class="clearfix">
       {volist name="ret" id="vt"}
        <li>
            <a href="{:url('About/team',array('id'=>$vt['id']))}" alt="{$vt.name}" >
            <img src="{$vt.images}"  class="img-responsive"  style="height:310px"/>
            </a>
        </li>
        {/volist}
      </ul>
    </div>
  </div>
</div>
    {include file="public:footer"}
<script>
//团队风采自动播放图
jQuery(".team-box").slide({
  mainCell: ".bd ul",
  autoPlay: true,
  effect: "leftMarquee",
  vis: 4,
  interTime: 50
});
</script>

</body>

</html>